<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>用户注册</title>
    </head>

    <body class="reg">
        <p class="reg-login">
            <a href="login.html">密码登录</a>
        </p>

        <h1 class="title">手机号登录/注册</h1>
        <p class="info">快速找到你的好友，一站式记录你的运动</p>

        <form action="#" class="reg-form">
            <p>
                <input type="text" placeholder="请输入手机号" id="tel">
            </p>
            <div class="captcha-box">
                <input type="text" placeholder="请输入验证码" id="code">
                <div><canvas width="100" height="50" id="captcha"></canvas></div>
            </div>
            <p>
                <input type="password" placeholder="请输入密码" id="pwd">
            </p>
            <p>
                <input type="password" placeholder="请再次输入密码" id="pwd2">
            </p>
            <p><button type="button" class="reg-btn">注册账号</button></p>
            <p class="wechat"><a href="index.html"><span class="iconfont icon-wechat"></span>微信注册</a></p>
        </form>

        <div id="error"></div>
    </body>

</html>